<template>
  <div>
    <div class="From_TiaoZ">
      <div class="Herd_Color"></div>
      <div class="From_Title">检测标准详情</div>
    </div>
    <br />
    <el-form :model="formInline" :inline="true" class="demo-form-inline" label-width="120px">
      <el-form-item label="物料名称">
        <el-input v-model="formInline.a"></el-input>
      </el-form-item>
      <el-form-item label="物料型号">
        <el-input v-model="formInline.a"></el-input>
      </el-form-item>
      <el-form-item label="物料单位">
        <el-input v-model="formInline.a"></el-input>
      </el-form-item>
    </el-form>
    <el-table
      :data="tableData"
      style="width: 99%;background-color:#fff"
      :height="450"
      :max-height="380"
      stripe
    >
      <el-table-column label="序号" type="index" align="center" width="100"></el-table-column>
      <el-table-column prop="aa" label="工序号" align="center">
        <template slot-scope="scope">
          <el-input v-model="scope.row.a"></el-input>
        </template>
      </el-table-column>
      <el-table-column prop="bb" label="检测项目技术及要求" align="center">
        <template slot-scope="scope">
          <el-input v-model="scope.row.a"></el-input>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center">
        <template slot-scope="scope">
          <el-button size="small" type="primary" @click="Xnew(scope.row)">新增</el-button>
          <el-button
            size="small"
            type="danger"
            icon="el-icon-delete"
            @click="Sdelte(scope.row)"
            v-if="scope.$index!==0"
          ></el-button>
        </template>
      </el-table-column>
    </el-table>
    <div class="Tiao_Btn">
      <el-button type="info" @click="Cancel">取消</el-button>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    fatherMethod: {
      type: Function,
      default: null
    }
  },
  data() {
    return {
      formInline: {
        a: ""
      },
      tableData: [
        {
          a: ""
        }
      ]
    };
  },
  methods: {
    Cancel() {
      if (this.fatherMethod) {
        this.fatherMethod();
      }
    }
  }
};
</script>
<style scoped>
.From_TiaoZ {
  margin-top: -40px;
}
.Herd_Color {
  height: 25px;
  width: 5px;
  background-color: blue;
}
.From_Title {
  margin-top: -22px;
  margin-left: 10px;
}
.Tiao_Btn {
  margin-top: 30px;
  text-align: center;
}
</style>